 export interface IThemeContext {
    dark: boolean;
    toggleDark?: () => void
}

export interface IDrink {
    idDrink: number;
    strDrink: string;
    strDrinkThumb: string
}

export interface IElement {
    idDrink: number;
    strDrink: string;
    strDrinkThumb: string;
    strIngredient1: string | null;
    strIngredient2: string | null;
    strIngredient3: string | null;
    strIngredient4: string | null;
    strIngredient5: string | null;
    strIngredient6: string | null;
    strIngredient7: string | null;
    strIngredient8: string | null;
    strIngredient9: string | null;
    strIngredient10: string | null;
    strIngredient11: string | null;
    strIngredient12: string | null;
    strIngredient13: string | null;
    strIngredient14: string | null;
    strIngredient15: string | null;
    strIngredient16: string | null;
    strInstructions: string;
}
export interface myState {
    user: {
        email: string | null
        password: string | null
        id: string| null,
        token: number | null
    }
}

export interface typeResponse{
    dateModified: string,
    idDrink: number,
    strAlcoholic: string,
    strCategory: string,
    strCreativeCommonsConfirmed: string,
    strDrink: string,
    strDrinkAlternate: string | null
    strDrinkThumb: string,
    strGlass: string,
    strIBA: string,
    strImageAttribution: string,
    strImageSource: string | null,
    strIngredient1: string | null,
    strIngredient2: string | null,
    strIngredient3: string | null
    strIngredient4: string | null;
    strIngredient5: string | null;
    strIngredient6: string | null;
    strIngredient7: string | null;
    strIngredient8: string | null;
    strIngredient9: string | null;
    strIngredient10: string | null;
    strIngredient11: string | null;
    strIngredient12: string | null;
    strIngredient13: string | null;
    strIngredient14: string | null;
    strIngredient15: string | null;
    strInstructions: string,
    strInstructionsDE: string,
    strInstructionsES: string | null,
    strInstructionsFR: string | null,
    strInstructionsIT: string | null,
    "strInstructionsZH-HANS": string | null,
    "strInstructionsZH-HANT": string | null,
    strMeasure1: string | null,
    strMeasure2: string | null,
    strMeasure3: string | null,
    strMeasure4: string | null,
    strMeasure5: string | null,
    strMeasure6: string | null,
    strMeasure7: string | null,
    strMeasure8: string | null,
    strMeasure9: string | null,
    strMeasure10: string | null,
    strMeasure11: string | null,
    strMeasure12: string | null,
    strMeasure13: string | null,
    strMeasure14: string | null,
    strMeasure15: string | null,
    strTags: string,
    strVideo: string | null
}
export interface transormResponseDrinks {
    drinks: typeResponse[]
}
export interface paginationProps {
    arrPages: number [],
    page: number,
    handlePageClick:() => void,
    handleNextPage: () => void,
    handlePrevPage: () => void
}